<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">

    <title>问卷调查</title>
    <link rel="stylesheet" href="css/user.css">
</head>

<body>
    <form action="#" method="post">
        <ul>
            <li>
                <label>姓名</label>
                <input class="right" type="text" name="name" value="zhangsan" maxlength="4">
            </li>
            <li>
                <label>出生日期：</label>
                <input class="right" type="date" name="date">
            </li>
            <li>
                <label>性别：</label>
                <div class="right">
                    <label for="male">男</label>
                    <input type="radio" name="sex" id="male">
                    <label for="female">女</label>
                    <input type="radio" name="sex" id="female">
                </div>
            </li>
            <li>
                <label>体重：</label>
                <div class="right">
                    <input type="number" name="weight" min="10" max="200">kg
                </div>
            </li>
            <li>
                <label>兴趣：</label>
                <div class="right">
                    <label for="sing">唱歌</label>
                    <input type="checkbox" id="sing" name="hobby[]">
                    <label for="read">阅读</label>
                    <input type="checkbox" id="read" name="hobby[]">
                    <label for="swin">游泳</label>
                    <input type="checkbox" id="swin" name="hobby[]">
                </div>
            </li>
            <li>
                <label>颜色：</label>
                <input class="right" type="color" name="color" value="#ff0000">

            </li>
            <li>
                <label>上传头像：</label>
                <input class="right" type="file" name="file">
            </li>
            <li class="advise">
                <label>您的建议：</label>
                <textarea name="opinion" cols="30" rows="10" placeholder="请输入你的建议："></textarea>
            </li>
            <li class="footer">
                <input type="submit">
            </li>



        </ul>



    </form>







</body>

</html>